// 封装一个获取dom的函数
(function() {
    // 获取ul的dom
    var item = document.querySelector(".nav_left");
    // console.log(item);
    function newItem() {
        // 获取第一个li
        var newitem = item.children[0];
        // console.log(newitem);
        // 复制获取的第一个li
        var newli = newitem.cloneNode(true);
        // console.log(newli);
        // 添加进ul
        item.appendChild(newli);
        // console.log(item);
    }
    newItem();

    /**动画 */
    // 定义计时器的时间
    var interval = 1000;
    setInterval(moveNext, interval);
    // 每一个li的高度
    var itemHeight = 40;
    // 当前显示的li
    var currentli = 0;
    // 列表滚动到下一项
    function moveNext() {
        // 第一次的高度
        var form = itemHeight * currentli;
        // li变为下一个
        currentli++;
        // li改变后的高度
        var formli = itemHeight * currentli;
        // 变化的总时间
        var totalTime = 400;
        // 变化一次的时间
        var oneTime = 20;
        // 变化的次数
        var changeNumber = totalTime / oneTime;
        // 变化高度
        var changeAmount = (formli - form) / changeNumber;
        // 计时器
        var timerId = setInterval(function() {
            form += changeAmount;
            if (form >= formli) {
                clearInterval(timerId);
                if (currentli === item.children.length - 1) {
                    form = 0;
                    currentli = 0;
                }
            }
            item.scrollTop = form;
        }, oneTime)
    }
})();
